@import "src/styles/global";

$item-width: 32%;

.resultItem {
  width: 32%;
  margin-left: calc((100% - #{$item-width} * 3) / 2);
  margin-bottom: 20px;

  &:nth-child(3n + 1) {
    margin-left: 0;
  }

  .itemActionItem {
    line-height: 30px;
    cursor: pointer;

    i {
      margin-right: 10px;
    }
  }



  @media screen and #{$iPadProBelow} {
    width: 48%;
    &:nth-child(3n + 1) {
      margin-left: auto;
    }
    margin-left: calc(100% - 48% * 2);
    &:nth-child(2n + 1) {
      margin-left: 0;
    }
  }

  @media screen and #{$iPhoneXBelow}{
    width: 100%;
    &:nth-child(3n + 1) {
      margin-left: auto;
    }
    margin: 0 0 20px 0;
  }
}
